
.admin {
  display: flex;

  .content {
    height: 100vh;
    flex: 1;
    overflow-y: overlay;

    > div {
      max-width: 1200px;
      width: 85%;
      padding: 30px 0 90px 0;
      margin: 0 auto;
    }
  }
}

.private {
  display: block;
  @media (min-width: 960px) {
    display: flex;
  }

  .content {
    height: calc(100vh - 56px);
    width: 100%;
    flex: 1;
    overflow-y: overlay;
    @media (min-width: 960px) {
      height: 100vh;
    }

    > div {
      max-width: 1200px;
      padding: 10px 10px 40px 10px;

      @media (min-width: 640px) {
        padding: 10px 40px 40px 40px;
      }

      @media (min-width: 960px) {
        margin: 0 auto;
        padding: 30px 0px 70px 0px;
        width: 85%;
      }
    }
  }
  .hasTopBar {
    height: calc(100vh - 56px - 64px);
    @media (min-width: 640px) {
      height: calc(100vh - 56px - 40px);
    }
    @media (min-width: 960px) {
      height: calc(100vh - 40px);
    }
  }
}

.public {
  display: block;
  .content {
    height: calc(100vh - 70px);
    overflow-y: overlay;
  }
}
